.payment-details{background-color:#f5f5f5; border-top:1px solid #1080f2;font-size:14px; display:table; width:100%; padding:30px 10px;}
.payment-details .payment-order{color:#333;text-align:center;  line-height:30px;}
.payment-details .payment-price{color:#999; text-align:center;line-height:30px;}
.payment-details .payment-number{color:#333; text-align:center;line-height:30px;}
.payment-details .payment-number span{color:#ff9933; font-size:24px; margin-left:20px}
.payment-choice-title{ font-size:24px; color:#333; padding:50px 50px 0 50px}
.payment-choice{border-bottom:2px solid #cccccc;border-top:2px solid #cccccc; padding:30px 50px; margin-top:20px; position:relative; display:table; width:100%}
.payment-choice .title-choice{position:absolute;top:-22px;left:113px;width:0;height:0;font-size:0;border:solid 10px;border-bottom-color:#ccc; color:#fff;}
.payment-choice a{ float:left;border:1px solid #e5e5e5; padding:5px 30px; line-height:35px;border-radius: 4px; margin-right:20px;
  -moz-transition: all 330ms ease-in-out;
  -webkit-transition: all 330ms ease-in-out;
  -o-transition: all 330ms ease-in-out;
  transition: all 330ms ease-in-out;}
.payment-choice a:hover{ border:1px solid #1080f2;
  -moz-transition: all 330ms ease-in-out;
  -webkit-transition: all 330ms ease-in-out;
  -o-transition: all 330ms ease-in-out;
  transition: all 330ms ease-in-out;}
.payment-choice a:focus,.payment-choice a.active{background:#e5f0fb; border:1px solid #1080f2;
  -moz-transition: all 330ms ease-in-out;
  -webkit-transition: all 330ms ease-in-out;
  -o-transition: all 330ms ease-in-out;
  transition: all 330ms ease-in-out;}
.payment-yes{font-size: 18px;margin:30px 0 0 50px; padding:5px 20px}
.payment-wx-title{ width:200px; height:30px; margin-top:30px}
.payment-wx-details{ height:400px; background:url(../images/phone-bg.png) no-repeat; background-position:70% 30%}
.payment-wx-details img{ margin-left:20%; margin-bottom:20px}
.payment-wx-details p{ margin-left:25%; color:#666; font-size:18px; line-height:30px;}
.payment-qita{ color:#1080f2; font-size:18px; padding:40px 0 0 50px; float:left}


/** 支付成功失败 **/
.payment-successfail{text-align:center; width:390px; height:250px; margin: auto;  margin-top:15%; margin-bottom:15%;}
.payment-successfail div{padding-left:100px; margin-left:20px; text-align:left; font-size:18px; color:#999; height:80px;}
.payment-successfail.success div h5{font-size:24px; color:#333; font-weight:normal; margin-bottom:15px}
.payment-successfail.fail div h5{font-size:24px; color:#333; font-weight:normal; margin-bottom:20px}
.payment-successfail div span{font-size:24px; color:#ff9933}
.payment-successfail p{color:#000; font-size:14px; margin:50px 0 35px; 0}
.payment-successfail a{padding:7px 40px; font-size:18px;}
.payment-successfail.success div{background:url(../images/success80.png) no-repeat left;}
.payment-successfail.fail div{background:url(../images/fail80.png) no-repeat left;}